<%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path;
%>
<input type="hidden" value="<%=basePath%>" id="basePath">
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="<%=basePath%>/assets/lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" href="<%=basePath%>/assets/bootstrap/css/bootstrap.css"/>
    <script type="text/javascript" src="<%=basePath%>/assets/js/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="<%=basePath%>/assets/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="<%=basePath%>/assets/lib/layer/2.4/layer.js"></script>
    <script src="<%=basePath%>/assets/js/exam/examination-add.js" type="text/javascript" charset="utf-8"></script>
    <title>试题管理</title>
    <style type="text/css">
        .objectSinglePloy {
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            height: 34px;
            width: 33%;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        }

        .answerPoint {
            padding-left: 10px;
            padding: 2px;
        }

        .waring {
            position: fixed;
            top: 23%;
            right: 5%;
            min-height: 80px;
            width: 15%;
            padding: 6px 8px;
            box-shadow: 10px 20px 35px;
        }

        .notice {
            padding: 3px 0px 8px 10px;
        }
    </style>
</head>
<body>
<br>
<div class="alert alert-warning alert-dismissible waring" role="alert">
    <h4 class="text-center">注意</h4>
    <ul class="notice">
        <li>试题题干不可与已存在的试题题干相同，系统将会对此进行验证；</li>
        <li>需要增加答案或者主治项时，请点击添加按钮；</li>
        <li>需要减少答案或者主治项时，请点击“叉号”进行删除；</li>
    </ul>
</div>

<div class="container-fluid">
    <!-- 显示状态 -->
    <input type="hidden" value="${status}" name="status">

    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="tabbable" id="tabs-576364">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#panel-1" data-toggle="tab">第一站问答</a></li>
                    <li><a href="#panel-2" data-toggle="tab">第二站常规化</a></li>
                    <li><a href="#panel-3" data-toggle="tab">第二站客观化</a></li>
                </ul>
                <br/>
                <div class="tab-content">
                    <!--第一站问答-->
                    <div class="tab-pane active" id="panel-1">
                        <form class="form-horizontal" method="post" action="examinationSubmit" id="firstStop">
                            <div class="col-md-9">
                                <!--试题分类-->
                                <div class="form-group">
                                    <label class="col-md-2 control-label">分类</label>
                                    <div class="col-md-2">
                                        <select id="categoryOne" name="category" class="form-control" style="padding: 6px 8px">
                                            <option value="腧穴试题">腧穴试题</option>
                                            <option value="伤科按摩学">伤科按摩学</option>
                                            <option value="妇科按摩学">妇科按摩学</option>
                                            <option value="内科按摩学">内科按摩学</option>
                                            <option value="儿科推拿学">儿科推拿学</option>
                                        </select>
                                    </div>
                                </div>
                                <!--题干-->
                                <div class="form-group">
                                    <label class="col-md-2 control-label">题干</label>
                                    <div class="col-md-9">
                                        <input type="text" name="stem" class="form-control" placeholder="请输入题干......" required id="firstStem"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label">知识点</label>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" name="knowledgePoint" placeholder="请输入知识点......" required/>
                                    </div>
                                    <label class="col-md-1 control-label answerPoint">总分</label>
                                    <div class="col-md-4">
                                        <input type="number" name="totalScore" class="form-control totalScore1" placeholder="总分不必填写，将自动计算" disabled/>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-2 control-label">大纲代码</label>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" name="outlineCode" placeholder="请输入大纲代码......" required/>
                                    </div>

                                    <label class="col-md-1 control-label answerPoint">认知层次</label>
                                    <div class="col-md-4">
                                        <select id="cognitivelevel" name="cognitiveLevel" class="form-control">
                                            <option value="记忆">记忆</option>
                                            <option value="理解">理解</option>
                                            <option value="应用">应用</option>
                                        </select>
                                    </div>
                                </div>

                                <div id="answerOne">
                                    <!--定位-->
                                    <div class="form-group ">
                                        <label class="col-sm-2 control-label">定位</label>
                                        <div class="col-sm-6">
                                            <input type="text" class="form-control" name="location" placeholder="请输入定位答案......" required/>
                                        </div>
                                        <label class="col-sm-1 control-label answerPoint">分值</label>
                                        <div class="col-sm-2">
                                            <input type="number" class="form-control score1" name="locationScore" onblur="scoreOnblur(this)" required/>
                                        </div>
                                    </div>
                                    <!--归经-->
                                    <div class="form-group ">
                                        <label class="col-sm-2 control-label">归经</label>
                                        <div class="col-sm-6">
                                            <input type="text" class="form-control" name="meridian" placeholder="请输入归经答案......" required/>
                                        </div>
                                        <label class="col-sm-1 control-label answerPoint">分值</label>
                                        <div class="col-sm-2">
                                            <input type="number" class="form-control score1" name="meridianScore" onblur="scoreOnblur(this)" required/>
                                        </div>
                                    </div>
                                    <!--主治 与 答案-->
                                    <div class="form-group ">
                                        <label class="col-sm-2 control-label">主治</label>
                                        <div class="col-sm-6">
                                            <input type="text" class="form-control" name="commonAnswerList[0].answer" placeholder="请输入主治答案......" required/>
                                        </div>
                                        <label class="col-sm-1 control-label answerPoint">分值</label>
                                        <div class="col-sm-2">
                                            <input type="number" class="form-control score1" name="commonAnswerList[0].score" onblur="scoreOnblur(this)" required/>
                                        </div>
                                        <div class="col-sm-1">
                                            <button class="btn  btn-primary" type="button" onclick="addMayorCure()"><i class="glyphicon glyphicon-plus"></i>&nbsp;添加</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-6" style="text-align: center;">
                                    <input class="btn btn-default" type="submit" id="firstStopSbumit" value="提交" style="background-color: #008200; color: white;"/>
                                    <button class="btn btn-default" type="reset">重置</button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!--第二站常规化-->
                    <div class="tab-pane" id="panel-2">
                        <form class="form-horizontal" method="post" action="examinationSubmit" id="secondStop">
                            <div class="col-md-9">
                                <div class="form-group">
                                    <label class="col-md-2 control-label">分类</label>
                                    <div class="col-md-2">
                                        <select id="categoryTwo" class="form-control" onChange="linkageTwo(this.value)">
                                            <option value="穴位定位">穴位定位</option>
                                            <option value="单项手法">单项手法</option>
                                            <option value="整套手法">整套手法</option>
                                        </select>
                                    </div>
                                    <div class="col-md-2">
                                        <select id="categoryTwoUseful" name="category" class="form-control">
                                            <option>儿科穴位</option>
                                            <option>成人穴位</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label">题干</label>
                                    <div class="col-md-9">
                                        <input type="text" name="stem" class="form-control" placeholder="请输入题干......" required id="secondStem"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label">知识点</label>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" name="knowledgePoint" placeholder="请输入知识点......" required/>
                                    </div>
                                    <label class="col-md-1 control-label answerPoint">总分</label>
                                    <div class="col-md-4">
                                        <input type="number" name="totalScore" class="form-control totalScore2" placeholder="总分不必填写，将自动计算" disabled/>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-2 control-label">大纲代码</label>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" name="outlineCode" placeholder="请输入大纲代码......" required/>
                                    </div>
                                    <label class="col-md-1 control-label answerPoint">认知层次</label>
                                    <div class="col-md-4">
                                        <select name="cognitiveLevel" class="form-control">
                                            <option value="记忆">记忆</option>
                                            <option value="理解">理解</option>
                                            <option value="应用">应用</option>
                                        </select>
                                    </div>
                                </div>

                                <div id="answerTwo">
                                    <div class="form-group ">
                                        <label class="col-sm-2 control-label">部位</label>
                                        <div class="col-sm-6">
                                            <input type="text" class="form-control" name="part" placeholder="请输入部位答案......" required/>
                                        </div>
                                        <label class="col-sm-1 control-label answerPoint">分值</label>
                                        <div class="col-sm-2">
                                            <input type="number" class="form-control score2" name="partScore" onblur="scoreOnblur(this)" required/>
                                        </div>
                                    </div>
                                    <div class="form-group ">
                                        <label class="col-sm-2 control-label">归经</label>
                                        <div class="col-sm-6">
                                            <input type="text" class="form-control" name="meridian" placeholder="请输入归经答案......" required/>
                                        </div>
                                        <label class="col-sm-1 control-label answerPoint">分值</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control score2" name="meridianScore" onblur="scoreOnblur(this)" required/>
                                        </div>
                                    </div>

                                    <div class="form-group ">
                                        <label class="col-sm-2 control-label">定位</label>
                                        <div class="col-sm-6">
                                            <input type="text" class="form-control" name="location" placeholder="请输入定位答案......" required/>
                                        </div>
                                        <label class="col-sm-1 control-label answerPoint">分值</label>
                                        <div class="col-sm-2">
                                            <input type="number" class="form-control score2" name="locationScore" onblur="scoreOnblur(this)" required/>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="form-group">
                                <div class="col-md-6" style="text-align: center;">
                                    <input class="btn btn-default" type="submit" id="secondStopSbumit" value="提交" style="background-color: #008200; color: white;"/>
                                    <button class="btn btn-default" type="reset">重置</button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- 第二站客观化 -->
                    <div class="tab-pane" id="panel-3">
                        <form class="form-horizontal" method="post" action="examinationSubmit" id="thirdStop">
                            <div class="col-md-9">
                                <div class="form-group">
                                    <label class="col-md-2 control-label">分类</label>
                                    <div class="col-md-2">
                                        <select id="categoryThree" class="form-control" onChange="linkageThree(this.value)">
                                            <option value="穴位定位">穴位定位</option>
                                            <option value="单项手法">单项手法</option>
                                        </select>
                                    </div>
                                    <div class="col-md-2">
                                        <select id="categoryThreeUseful" name="category" class="form-control">
                                            <option>empty</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label">题干</label>
                                    <div class="col-md-9">
                                        <input type="text" name="stem" class="form-control" placeholder="请输入题干......" required id="thirdStem"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label">知识点</label>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" name="knowledgePoint" placeholder="请输入知识点......" required/>
                                    </div>
                                    <label class="col-md-1 control-label answerPoint">总分</label>
                                    <div class="col-md-4">
                                        <input type="number" name="totalScore" class="form-control" placeholder="总分不必填写，将自动计算" disabled/>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-2 control-label">大纲代码</label>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" name="outlineCode" placeholder="请输入大纲代码......" required/>
                                    </div>
                                    <label class="col-md-1 control-label answerPoint">认知层次</label>
                                    <div class="col-md-4">
                                        <select name="cognitiveLevel" class="form-control">
                                            <option value="记忆">记忆</option>
                                            <option value="理解">理解</option>
                                            <option value="应用">应用</option>
                                        </select>
                                    </div>
                                </div>

                                <div id="answerThree">
                                    <div class="form-group ">
                                        <label class="col-sm-2 control-label">部位</label>
                                        <div class="col-sm-6">
                                            <select name="partId" class="form-control">
                                                <option value="1">头正面</option>
                                                <option value="2">头侧面</option>
                                                <option value="3">胸腹部</option>
                                                <option value="4">侧胸部</option>
                                                <option value="5">侧胸腹部</option>
                                                <option value="6">背部</option>
                                                <option value="7">肩背腰骶部</option>
                                                <option value="8">上肢</option>
                                                <option value="9">手部</option>
                                                <option value="10">腿部</option>
                                                <option value="11">足部</option>
                                            </select>
                                        </div>
                                        <label class="col-sm-1 control-label answerPoint">分值</label>
                                        <div class="col-sm-2">
                                            <input type="number" class="form-control score3" name="partScore" onblur="scoreOnblur(this)" required/>
                                        </div>
                                    </div>
                                    <div class="form-group ">
                                        <label class="col-sm-2 control-label">归经</label>
                                        <div class="col-sm-6">
                                            <input type="text" class="form-control" name="meridian" placeholder="请输入归经答案......" required/>
                                        </div>
                                        <label class="col-sm-1 control-label answerPoint">分值</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control score3" name="meridianScore" onblur="scoreOnblur(this)" required/>
                                        </div>
                                    </div>

                                    <div class="form-group ">
                                        <label class="col-sm-2 control-label">定位</label>
                                        <div class="col-sm-6">
                                            <input type="text" class="form-control" name="location" placeholder="请输入主治答案......" required/>
                                        </div>
                                        <label class="col-sm-1 control-label answerPoint">分值</label>
                                        <div class="col-sm-2">
                                            <input type="number" class="form-control score3" name="locationScore" onblur="scoreOnblur(this)" required/>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="form-group">
                                <div class="col-md-6" style="text-align: center;">
                                    <input class="btn btn-default" type="submit" id="thirdStopSbumit" value="提交" style="background-color: #008200; color: white;"/>
                                    <button class="btn btn-default" type="reset">重置</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>